<<<<<<< HEAD
#back{
  background-color: rgb(27,174,133);
  height: 50%;
}
#logo {
  width: 120px;
  height: 80px;
  border: 1px solid gray;
  background-color:white;
  
}

#form {
  border: 1px solid gray;
  width: 450px;
  padding: 20px 50px;
  border-radius: 5px;
  background-color:white;
}

#form input:not(#checkbox) {
  border: none;
  border-bottom: 1px solid gray;
  margin-bottom: 40px;
  width: 300px;
  height: 40px;
}

#form input:focus:not(#checkbox){
  border: none;
  box-shadow:0 0 5px rgb(17, 175, 228);
  outline: medium;
}

#form input:not(#checkbox):hover{
  border-bottom: 1px solid rgb(108, 204, 236);
}

.green {
  width: 100px;
  background-color: rgb(34, 182, 110);
  height: 3px;
  margin-bottom: 60px;
}

.gre {
  color: rgb(34, 182, 110);
}

.grey {
  color: gray;
  font-size: 13px;
}

#register {
  background-color: rgb(34, 182, 110);
  border: unset;
  width: 300px;
  height: 30px;
  line-height: 30px;
  color: white;
  border-radius: 3px;
  margin-bottom: 10px;
}

#checkbox {
  width: 12px;
  margin-right: 5px;
}

#ma {
  width: 80px;
  height: 30px;
  line-height: 30px;
  color: rgb(34, 182, 110);
  font-size: 13px;
  background-color: white;
  border-radius: 5px;
  border: 1px  solid rgb(34, 182, 110);
  position: absolute;
  top: 225px;
  right: 130px;
}
#eye{
  position: relative;
}

#eye div:nth-of-type(1){
  position: absolute;
  left: 270px;
  top:10px;
  display: none;
}
=======
#back{
  background-color: rgb(27,174,133);
  height: 50%;
}
#logo {
  width: 120px;
  height: 80px;
  border: 1px solid gray;
  background-color:white;
  
}

#form {
  border: 1px solid gray;
  width: 450px;
  padding: 20px 50px;
  border-radius: 5px;
  background-color:white;
}

#form input:not(#checkbox) {
  border: none;
  border-bottom: 1px solid gray;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 300px;
  height: 40px;
}



#form input:focus:not(#checkbox){
  border: none;
  box-shadow:0 0 5px rgb(17, 175, 228);
  outline: medium;
}

#form input:not(#checkbox):hover{
  border-bottom: 1px solid rgb(108, 204, 236);
}

.green {
  width: 100px;
  background-color: rgb(34, 182, 110);
  height: 3px;
  margin-bottom: 60px;
}

.gre {
  color: rgb(34, 182, 110);
}

.grey {
  color: gray;
  font-size: 13px;
}

#register {
  background-color: rgb(34, 182, 110);
  border: unset;
  width: 300px;
  height: 30px;
  line-height: 30px;
  color: white;
  border-radius: 3px;
  margin-bottom: 10px;
  margin-top: 20px;
}

#checkbox {
  width: 12px;
  margin-right: 5px;
}

#ma {
  width: 80px;
  height: 30px;
  line-height: 30px;
  color: rgb(34, 182, 110);
  font-size: 13px;
  background-color: white;
  border-radius: 5px;
  border: 1px  solid rgb(34, 182, 110);
  position: absolute;
  top: 235px;
  right: 130px;
}
#eye{
  position: relative;
}

#eye div:nth-of-type(1){
  position: absolute;
  left: 250px;
  top:20px;
  display: none;
}
#yanzheng{
  position: relative;
}
#yanzheng div{
  position: absolute;
  top: 15px;
  left: 220px;
  border: 1px solid red;
  width: 60px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: white;
  background-color:rgb(92, 9, 9);
  display: none;
font-size: 16px;
}
#form p{
  color: red;
  font-size: 12px;
  opacity: 0;
}
>>>>>>> b59e8d20376ef4915240815c8b193911f19e11e7
